<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
</head>
<style type="text/css">
  body {
    width: 7.5rem;
  }

  * {
    touch-action: pan-y;
  }

  @media only screen and (max-width: 500px) {
    body {
      width: 100%;
    }
  }
</style>

<body>
  <!--
      <script>
          window.onresize = function() {
              var deviceWidth = document.documentElement.clientWidth;
              console.log(deviceWidth);

              if (deviceWidth <= 848) {
                  document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
              } else {
                  document.documentElement.style.fontSize = 50 + 'px';
              }

          }
          window.onresize();
      </script>
    -->
  <noscript>
    <strong>We're sorry but trade_web_app doesn't work properly without JavaScript
      enabled. Please enable it to continue.</strong>
  </noscript>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>

</html>